<template>
<van-tabbar route  v-model="active"  active-color="red">
  <van-tabbar-item replace to="/bloghome" icon="home-o">首页</van-tabbar-item>
  <van-tabbar-item replace to="/sort" icon="points">分类</van-tabbar-item>
  <van-tabbar-item replace to="/discover" icon="browsing-history-o">发现</van-tabbar-item>
  <van-tabbar-item replace to="/userinterface" icon="user-circle-o">我的</van-tabbar-item>
</van-tabbar>

</template>

<script setup>
import { ref } from 'vue';
const active = ref(0);



</script>

<style lang="less" scoped></style>